@layout("/common/_container.html"){
<style>
	.contain{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.outer{
		width:200px;
		height: 200px;
		border:1px solid grey;
		border-radius: 10px;
		margin: 10px;
		background-color: lightgrey;
	}
	.upper{
		width: 100%;
		height: 160px;
		line-height: 160px;
		text-align: center;
	}
	.upper span{
		font-size: 24px;
	}
	.downer{
		height: 40px;
		line-height: 40px;
		text-align: center;
		width:100%;
	}

	body{
		margin:0; height:100%;

	}
	.tail{
		height: 1000px;
		background-image: url("/static/blade/img/yangfan1.jpg")!important;
		background-size: 100%;

	}
</style>
<a href="http://localhost:8090/blog/downexcel" download=""> 下载下载</a>

<div class="tail">
	<div class="row" style="padding:10px 16px 10px 16px">
		<div class="col-xs-12  contain">
			@for(t in temp){
			<div class="outer" onclick="details('${t.schoolid!}','${t.SUM!}')">
				<div class="upper">
					<span>${t.fullname!}</span>
				</div>
				<div class="downer">
					<span>有</span><span id="money">${t.SUM!}</span><span>元帐单待对帐</span>
				</div>
			</div>
			@}


			<!-- PAGE CONTENT BEGINS -->
			<!--<div class="alert alert-block alert-success">-->
			<!--<button type="button" class="close" data-dismiss="alert">-->
			<!--<i class="ace-icon fa fa-times"></i>-->
			<!--</button>-->

			<!--<i class="ace-icon fa fa-check green"></i>-->
			<!--欢迎使用-->
			<!--<strong class="green">-->
			<!--智慧后勤-->
			<!--<small>(v0.5)</small>-->
			<!--</strong>-->
			<!--&lt;!&ndash;以下为快速地址导向&ndash;&gt;-->
			<!--</div>-->
			<!---->
			<!--<div class="alert alert-block alert-success">-->
			<!--<button type="button" class="close" data-dismiss="alert">-->
			<!--<i class="ace-icon fa fa-times"></i>-->
			<!--</button>-->

			<!--<i class="ace-icon fa fa-check green"></i>-->
			<!--使用技术:-->
			<!--<strong class="green">-->
			<!--JFinal + Beetl + Ehcache + Shiro + BootStrap-->
			<!--</strong>-->
			<!--</div>-->
			<!---->
			<!--<div class="alert alert-block alert-success">-->
			<!--<button type="button" class="close" data-dismiss="alert">-->
			<!--<i class="ace-icon fa fa-times"></i>-->
			<!--</button>-->

			<!--<i class="ace-icon fa fa-check green"></i>-->
			<!--ECharts范例官网-->
			<!--<strong class="green">-->
			<!--<a class="green" href="http://echarts.baidu.com/examples.html" target="_blank">http://echarts.baidu.com/examples.html</a>-->
			<!--</strong>-->
			<!--</div>-->
			<!---->
			<!--<div class="alert alert-block alert-success">-->
			<!--<button type="button" class="close" data-dismiss="alert">-->
			<!--<i class="ace-icon fa fa-times"></i>-->
			<!--</button>-->

			<!--<i class="ace-icon fa fa-check green"></i>-->
			<!--Beetl在线编码帮助-->
			<!--<strong>-->
			<!--<a class="green" href="http://ibeetl.com:8080/beetlonline/" target="_blank">http://ibeetl.com:8080/beetlonline/</a>-->
			<!--</strong>-->
			<!--</div>-->
			<!---->
			<!--<div class="alert alert-block alert-success">-->
			<!--<button type="button" class="close" data-dismiss="alert">-->
			<!--<i class="ace-icon fa fa-times"></i>-->
			<!--</button>-->

			<!--<i class="ace-icon fa fa-check green"></i>-->
			<!--BeetlSql文档-->
			<!--<strong>-->
			<!--<a class="green" href="http://ibeetl.com/guide/beetlsql.html" target="_blank">http://ibeetl.com/guide/beetlsql.html</a>-->
			<!--</strong>-->
			<!--</div>-->
			<!---->
			<!--<div class="alert alert-block alert-success">-->
			<!--<button type="button" class="close" data-dismiss="alert">-->
			<!--<i class="ace-icon fa fa-times"></i>-->
			<!--</button>-->

			<!--<i class="ace-icon fa fa-check green"></i>-->
			<!--BootStrap在线帮助-->
			<!--<strong>-->
			<!--<a class="green" href="http://www.runoob.com/bootstrap/bootstrap-tutorial.html" target="_blank">http://www.runoob.com/bootstrap/bootstrap-tutorial.html</a>-->
			<!--</strong>-->
			<!--</div>-->
			<!---->
			<!--<div class="alert alert-block alert-success">-->
			<!--<button type="button" class="close" data-dismiss="alert">-->
			<!--<i class="ace-icon fa fa-times"></i>-->
			<!--</button>-->

			<!--<i class="ace-icon fa fa-check green"></i>-->
			<!--BootStrap图标选择-->
			<!--<strong>-->
			<!--<a class="green" href="http://fontawesome.io/icons/" target="_blank">http://fontawesome.io/icons/</a>-->
			<!--</strong>-->
			<!--</div>-->
			<!---->
			<!---->
		</div>
	</div>
</div>


<script>
	details = function (schoolid,count) {
		layer.open({
			type: 2,
			title: '对帐详情',
			shadeClose: true,
			area: ['90%', '90%'],
			content:   "${basePath}"+"/buy/duizhang?schoolid="+schoolid+"&count="+count
		})
	}

</script>
	  
@}	